<template>
<div>
<el-radio-group v-mode="data" @change="handleValueChange">
    <el-radio-button v-for="item in items" :label="item.key">{{item.value}}</el-radio-button>
</el-radio-group>
</div>
</template>

<script>
export default {
    props: {
        items: {
            type: Array,
            default: [{key: "1", value: "男"},
                      {key: "2", value: "女"},
                      {key: "3", value: "其他(指非自然人)"}
                      ]
        }
    },
    data() {
        return {
            data:''
        }
    },
    methods: {
        handleValueChange(val) {
            console.log(val);
            self.$emit("valueChange", val);
                
            
        }
    }
}
</script>
<style>
.el-radio-button__inner {
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    background-color:transparent;
}
</style>